/* 移除默认的列表样式 */
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

p {
  margin: 0
}

H1, H2, H3, H4, H5, H6 {
  margin: 0
}

.plan-box2 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow-y: hidden;
  overflow-x: hidden;

  //视频流
  .player {
    width: 1920px;
    height: 1080px;
    background-color: #F4F4F4;
  }

  //顶部
  .plan-top-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
    height: 85px;
    background-color: rgba(18, 12, 30, 1);

    ul {
      display: flex;
      /* 让菜单项水平排列 */

      li {
        width: 120px;
        margin-top: 10px;
        margin-right: 10px;
        font-size: 18px;
        color: rgb(255, 255, 255, 0.7);
        transition: color 0.3s;
        text-align: center;

        i {
          font-size: 35px;
        }

        .top-menu-other {
          font-size: 18px;
          color: rgb(255, 255, 255, 0.7);
          transition: color 0.3s;
          text-align: center;
        }

        .top-menu-other:hover {
          color: rgb(66, 229, 186, 1);
          /* 鼠标悬停时的颜色 */
          background-color: rgb(29, 39, 59, 1);
        }
      }

      li:hover {
        color: rgb(66, 229, 186, 1);
        /* 鼠标悬停时的颜色 */
        background-color: rgb(29, 39, 59, 1);
      }

      .top-menu-title {
        margin-top: 0;
        background-color: rgba(47, 59, 86, 0.5);
        color: #BBFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 600px;
        height: 85px;
        font-size: 26px;
        transition: none;
        /* 禁用所有过渡效果 */
        pointer-events: none;
        /* 禁用:hover伪类和其他交互事件 */
      }
    }
  }

  //弹窗
  .plan-popup-title {
    //添加标题弹窗
    position: absolute;
    top: 7%;
    left: 11%;
    display: flex;
    z-index: 5;

    .popup-box {
      //添加标题弹窗
      position: absolute;
      background-color: rgb(255, 250, 245, 0.6);
      top: 20px;
      left: 20px;
      width: 400px;
      height: 245px;
      border-radius: 10px;
      text-align: left;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

      .popup-header {
        cursor: move;
        //user-select: none;
        width: 100%;
        height: 50px;
        border-radius: 10px;
        background-color: rgb(200, 235, 255, 1);

        span {
          line-height: 50px;
          font-size: 22px;
          margin-left: 20px;
        }
      }

      .add-title-index-box {
        padding: 10px;

        span {
          font-size: 18px;
        }

        .add-title-index {
          margin-left: 10px;
          margin-right: 10px;
          width: 180px;
          padding: 0;

          input {
            width: 180px;
            height: 40px;
            font-size: 18px;
            border-radius: 5px;
            border: 0;
          }
        }
      }

      .add-title-name-box {
        padding: 10px;

        span {
          font-size: 18px;
        }

        .add-title-name {
          width: 180px;

          input {
            width: 180px;
            height: 40px;
            font-size: 18px;
            margin-left: 10px;
            margin-top: 10px;
            border-radius: 10px;
            border: 0;
          }
        }
      }

      .add-title-btn-box {
        padding: 10px;

        span {
          font-size: 16px;
          color: #555555;
        }

        button {
          //添加标题弹窗里的按钮
          float: right;
          display: inline-block;
          line-height: 1;
          white-space: nowrap;
          cursor: pointer;
          background: #3b3b3b;
          border: 1px solid #666;
          color: #F4F4F4;
          -webkit-appearance: none;
          text-align: center;
          box-sizing: border-box;
          outline: none;
          margin-right: 5px;
          transition: .1s;
          font-weight: 500;
          -moz-user-select: none;
          -webkit-user-select: none;
          -ms-user-select: none;
          padding: 10px 14px;
          font-size: 18px;
          border-radius: 3px;
        }
      }
    }
  }

  .plan-popup-plan {
    //添加标题弹窗
    position: absolute;
    top: 7%;
    left: 59%;
    display: flex;
    z-index: 5;

    .popup-box {
      //添加标题弹窗
      position: absolute;

      background-color: rgb(255, 250, 245, 0.6);
      top: 20px;
      left: 20px;
      width: 400px;
      height: 180px;
      border-radius: 10px;
      text-align: left;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

      .popup-header {
        cursor: move;
        //user-select: none;
        width: 100%;
        height: 50px;
        background-color: rgb(200, 235, 255, 1);

        span {
          line-height: 50px;
          font-size: 22px;
          margin-left: 20px;
        }
      }

      input {
        width: 350px;
        height: 40px;
        font-size: 18px;
        margin-left: 20px;
        margin-top: 10px;
      }

      button {
        //添加标题弹窗里的按钮
        float: right;
        display: inline-block;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
        background: #3b3b3b;
        border: 1px solid #666;
        color: #F4F4F4;
        -webkit-appearance: none;
        text-align: center;
        box-sizing: border-box;
        outline: none;
        margin-right: 10px;
        transition: .1s;
        font-weight: 500;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        padding: 10px 14px;
        font-size: 18px;
        border-radius: 3px;
      }
    }
  }

  //左边的标题列表
  .plan-left-menu {
    position: absolute;
    z-index: 4;
    display: flow;
    top: 85px;
    left: 0;
    width: 220px;
    height: 995px;
    background-color: rgba(12, 18, 30, 0);

    .body-left-top {
      position: relative;
      display: flex;
      height: 40px;
      width: 200px;
      background-color: rgb(12, 18, 30, 1);
      padding: 10px;

      button {
        position: relative;
        border-radius: 5px;
        border: 1px solid rgb(66, 229, 186, 1);
        width: 160px;
        height: 40px;
        color: rgb(66, 229, 186, 1);
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgb(12, 18, 30, 1);
        font-size: 18px;
        margin-right: 10px;

        i {
          font-size: 22px;
        }
      }

      button:hover {
        background-color: rgb(65, 225, 178, 0.2);
      }

      .el-input--mini .el-input__inner {
        height: 40px;
        width: 36px;
        font-size: 16px;
        border: 1px solid rgb(66, 229, 186, 1);
        background-color: rgb(12, 18, 30, 1);
        color: rgb(66, 229, 186, 1);
        padding: 0;
      }

      .el-select-dropdown__item {
        width: auto;
        padding: 0 10px;
      }
    }

    .body-left-body {
      width: 220px;
      height: 900px;
      overflow-y: auto;
      overflow-x: hidden;
      background-color: rgba(255, 255, 255, 0);

      //列表的基本样式
      .left-body-title {
        display: flex;
        background-color: rgb(29, 39, 59, 1);
        margin-bottom: 5px;
        border-radius: 1px;

        //添加标题列表里的展开收起图标
        .body-title-icon {
          padding: 5px;
          color: #F4F4F4;
          width: 50px;
          font-size: 30px;
          text-align: center;
        }

        //标题文字
        span {
          font-size: 20px;
          width: 160px;
          height: 40px;
          display: flex;
          color: rgb(255, 255, 255, 1);
          align-items: center;
          justify-content: center;
        }

        .body-title-del {
          width: 55px;
          color: rgba(255, 255, 255, 0.7);
          font-size: 22px;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .body-title-del:hover {
          color: rgba(255, 10, 50, 0.5);
          font-size: 26px;
        }
      }

      //分页基本样式
      .left-body-page {
        display: flex;
        position: relative;
        width: 220px;
        height: 120px;
        margin-top: 10px;
        margin-bottom: 10px;

        .body-page-index {
          span {
            display: flex;
            width: 24px;
            height: 100%;
            font-size: 20px;
            justify-content: center;
            align-items: center;
            color: #ff0000;
          }
        }

        .body-page-one {
          display: flow;
          color: rgb(255, 255, 255, 0.5);
          padding: 4px 4px 4px;

          img {
            width: 160px;
            height: 112px;
          }

          span {
            font-size: 18px;
            display: flex;
            position: absolute;
            width: 160px;
            height: 30px;
            bottom: 0;
            /* 调整文本的垂直位置 */
            justify-content: center;
            background-color: rgba(0, 0, 0, 0.5);
            /* 设置文本背景颜色和透明度 */
          }
        }

        //分页删除、添加按钮
        .body-page-option {
          color: rgba(255, 255, 255, 0.7);
          font-size: 22px;
          display: flex;
          flex-direction: column;
          margin-left: 2px;

          i {
            width: 34px;
            height: 34px;
          }

          i:hover {
            color: rgba(255, 10, 50, 0.7);
            font-size: 26px;
          }
        }
      }
    }

    .body-left-bottom {
      position: absolute;
      right: 0;
      width: 100%;
      height: 35px;
      color: white;
      background-color: rgba(35, 42, 51, 0);
      font-size: 32px;

      i {
        position: absolute;
        right: 0;
        top: 0;
      }
    }
  }

  .plan-left-menu-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35px;
    height: 35px;
    background-color: rgba(35, 42, 51, 0);
    color: white;
    font-size: 32px;

    i {
      position: absolute;
      right: 0;
      top: 0;
    }
  }

  //右边
  .body-right-pageEdt {
    position: absolute;
    z-index: 4;
    width: 360px;
    height: 995px;
    top: 85px;
    right: 0;
    color: #F4F4F4;
    background-color: rgb(12, 18, 30, 1);

    //body-title的背景
    .el-collapse-item__header {
      background-color: rgba(85, 85, 85, 1)
    }

    //每一个body的背景
    .el-collapse-item__wrap {
      will-change: height;
      background-color: rgb(12, 18, 30, 1);
      overflow: hidden;
      box-sizing: border-box;
      border-bottom: 1px solid #EBEEF5;
      padding: 0;
    }

    //每一个body的标题的颜色
    .el-collapse-item__content {
      background-color: rgb(12, 18, 30, 1);
      color: #FFFFFF;
    }


    //每一个按钮的颜色和交互
    button.is-plain {
      background-color: rgb(12, 18, 30, 1);
      color: rgb(66, 229, 186, 1);
      border-color: rgb(66, 229, 186, 1);
      margin-left: 10px;
    }

    button.is-plain:hover {
      background-color: rgb(65, 225, 178, 0.2);
    }

    .pageEdt-top {
      padding: 0 10px;
      display: flex;
      height: 5%;
      align-items: center;
      /* 在纵轴上居中 */
      border-bottom: 1px solid #FFFFFF;
      background-color: rgb(12, 18, 30, 1);

      .top-title {
        width: 100%;
        font-size: 20px;
        background-color: rgb(12, 18, 30, 1);
      }

      i {
        font-size: 24px;
      }
    }

    .pageEdt-body {
      overflow-y: auto;
      height: 95%;

      .body-title {
        font-size: 20px;
        font-weight: bold;
        padding: 10px 10px 0;
        color: #87CEFA;
      }

      .body-one {
        padding: 10px 10px 0;

        span {
          padding: 3px 10px;
          font-size: 20px
        }

        .input-with-select {
          width: 200px;
          height: 20px;
          font-size: 20px;
          margin-right: 10px
        }

        //输入框
        .el-input__inner {
          background-color: rgb(12, 18, 30, 1);
          color: #FFFFFF;
          height: 30px;
          font-size: 18px;
        }

        //带按钮的输入框的按钮
        .el-input-group__append button.el-button {
          background-color: rgb(12, 18, 30, 1);
          color: rgb(66, 229, 186, 1);
          height: 33px;
          border: 1px solid rgb(66, 229, 186, 1);
        }
      }

      .body-two {
        padding: 10px;

        .el-button--mini {
          font-size: 18px;
          border-radius: 3px;
        }
      }

      .body-thr {
        padding: 10px 10px 0;

        .body-thr-title {
          vertical-align: middle;
          //padding: 3px;
          margin-left: 10px;
          margin-right: 5px;
          font-size: 20px
        }

        .color-picker {
          vertical-align: middle;
        }

        // 链接按钮
        .link-btn-box {
          display: inline-block;

          .link-btn {
            display: flex;
          }
        }

        //下拉框
        .dropdown-chart {
          margin-left: 10px;
          border: 1px solid #ccc;
          border-radius: 5px;
        }

        .el-dropdown {
          margin-top: 10px;
          color: #FFFFFF;
          font-size: 20px;
          padding: 3px;
          width: 140px;
          text-align: center;
          white-space: nowrap;
          /* 不换行 */
          overflow: hidden;
          /* 超出部分隐藏 */
          text-overflow: ellipsis;
          /* 用省略号表示 */
        }

        .el-input__icon {
          height: 75%;
        }

        //文本框按钮
        .el-button--mini {
          font-size: 18px;
          border-radius: 3px;
        }

        .body-thr-select {
          font-size: 18px;
          width: 140px;
        }

        .el-input__inner {
          background-color: rgb(12, 18, 30, 1);
          color: #FFFFFF;
          height: 30px;
          font-size: 18px;
          //border: 1px solid rgb(66, 229, 186, 1);
        }

        .el-input-number__decrease {
          background-color: rgb(12, 18, 30, 1);
          color: rgb(66, 229, 186, 1);
          //border: 1px solid rgb(66, 229, 186, 1);
        }

        .el-input-number__increase {
          background-color: rgb(12, 18, 30, 1);
          color: rgb(66, 229, 186, 1);
          //border: 1px solid rgb(66, 229, 186, 1);
        }

        .upload-image {
          display: flex;
          //margin-top: 10px;

          //图片上传
          .upload-demo {
            margin-left: 10px;
            font-size: 20px;

            .el-button--small {
              font-size: 18px;
              padding: 7px 15px;
              background-color: rgb(12, 18, 30, 1);
              color: rgb(66, 229, 186, 1);
              border-color: rgb(66, 229, 186, 1);
            }

            .el-button--small:hover {
              background-color: rgb(65, 225, 178, 0.2);
            }
          }
        }

        //下拉框的样式
        .el-input--suffix .el-input__inner {
          font-size: 18px;
          background-color: rgb(12, 18, 30, 1);
          color: #FFFFFF;
          height: 30px;
        }

        .select-text {
          margin-left: 10px;
          border-radius: 5px;
          font-size: 20px;
          text-align: center;

          .el-input__inner {
            color: rgb(66, 229, 186);
            background-color: rgb(12, 18, 30, 1);
            border: 1px solid rgb(66, 229, 186);
            width: 103px;
            height: 33px;
            font-size: 16px;
            margin-bottom: 10px;
          }
        }
      }

      .body-shape {
        padding: 10px 10px 0;
        display: flex;
        align-items: center;

        .body-shape-box {
          cursor: pointer;
          width: 40px;
          height: 40px;
          border: 1px solid #ccc;
          border-radius: 4px;
          //margin-top: 20px;
          margin-left: 10px;
          padding: 5px;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0);
          display: flex;
          justify-content: center;
          align-items: center;

          .rectangle {
            width: 30px;
            height: 20px;
            background-color: #fff;
          }

          .rectangle2 {
            width: 30px;
            height: 20px;
            background-color: #fff;
            border-radius: 5px;
          }

          .circle {
            width: 30px;
            height: 30px;
            background-color: #fff;
            border-radius: 50%;
          }

          .triangle {
            width: 0;
            /* 设置宽度为0 */
            height: 0;
            /* 设置高度为0 */
            border-width: 20px;
            /* 设置边长 */
            border-style: solid;
            /* 设置边线类型为实线 */
            border-color: transparent transparent rgb(255, 255, 255) transparent;
            /* 设置上、右、左边界不显示，只显示下边界 */
            margin-top: -20px;
          }
        }

        //下拉框
        .select-shape {
          //margin-top: 10px;
          margin-left: 10px;
          border-radius: 5px;
          font-size: 20px;
          padding: 3px;
          text-align: center;
          //

          .el-input__inner {
            color: rgb(66, 229, 186);
            background-color: rgb(12, 18, 30, 1);
            border: 1px solid rgb(66, 229, 186);
            height: 40px;
            width: 100px;
            font-size: 16px;
          }
        }

        .shape-del {
          padding: 3px;
          margin-left: 10px;
          margin-right: 5px;
          //margin-top: 10px;
          font-size: 20px;
          cursor: pointer;
        }

        .shape-del:hover {
          color: #f36a6a;
        }
      }

      .body-thr-textarea {
        margin-left: 10px;
        margin-top: 10px;
        margin-right: 10px;

        //文本域的背景
        .el-textarea__inner {
          background-color: rgb(12, 18, 30, 1);
          color: #FFFFFF;
          font-size: 18px;
        }

        //文本域的背景
        .el-textarea .el-input__count {
          background-color: rgb(12, 18, 30, 1);
          color: #FFFFFF;
        }
      }

      .body-fou {
        width: 360px;

        //body-title的背景
        .el-collapse-item__header {
          background-color: rgba(136, 134, 134, 0.96)
        }

        .body-fou-title {
          padding: 3px;
          margin-left: 10px;
          font-size: 18px;
          color: #92d0e8;
          font-weight: bold;
        }

        .body-fou-body {
          width: 340px;
          display: flex;
          padding: 10px 10px 0;

          //图表类型的图标
          .fou-body-icon {
            width: 40px;
            height: 40px;
            border: 1px solid #ccc;
            border-radius: 5px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
            padding: 5px;
            //cursor: move;
            font-size: 36px;
            text-align: center;
            line-height: 35px;
            //margin-top: 20px;
            margin-left: 10px;
            cursor: pointer;
          }

          .fou-body-title {
            font-size: 18px;
            margin-left: 10px;
            margin-right: 10px;
            color: #FFFFFF;

          }

          //下拉框
          .select-chart {
            //margin-top: 10px;
            margin-left: 10px;
            border-radius: 5px;
            font-size: 20px;
            //padding: 3px;
            text-align: center;

            .el-input__inner {
              color: rgb(66, 229, 186);
              background-color: rgb(12, 18, 30, 1);
              border: 1px solid rgb(66, 229, 186);
              height: 40px;
              width: 100px;
              font-size: 16px;
            }
          }

          .data-icon {
            display: flex;
            border-radius: 5px;
            //margin-top: 15px;
            margin-left: 5px;

            i {
              margin-left: 10px;
              margin-right: 5px;
              font-size: 20px;
              cursor: pointer;
            }

            .fou-body-delC:hover {
              color: #f36a6a;
            }

            .fou-body-addD:hover {
              color: #60e72b;
            }

            .fou-body-delD:hover {
              color: #e13b3b;
            }

            .fou-body-upD:hover {
              color: #3e8bce;
            }
          }

          //图表数据
          .fou-body-data {
            display: flow;

            .data-body {
              width: 340px;
              margin-left: 10px;
              display: flow;
              justify-content: center;
              align-items: center;
              overflow-x: auto;

              .data-body-one {
                display: flex;

                .one-margin {
                  margin-bottom: 2px;
                  margin-right: 2px;
                }

                .el-input--mini .el-input__inner {
                  text-align: center;
                  width: 66px;
                  height: 40px;
                  line-height: 36px;
                  font-size: 16px;
                  border-radius: 5px;
                  background-color: rgb(12, 18, 30, 1);
                  color: #FFFFFF;
                }

                .el-input__inner {
                  padding: 0;
                }
              }
            }
          }

          //图表样式
          .body-fou-form {
            .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
              margin-bottom: 10px;
            }

            .form-bgColor {
              .vc-sketch {
                position: relative;
                font-size: 18px;
                margin-left: 10px;
                width: 320px;
                box-sizing: initial;
                background: #fff;
                border-radius: 4px;
                box-shadow: 0 0 0 1px rgba(0, 0, 0, .15), 0 8px 16px rgba(0, 0, 0, .15);
              }

              .vc-sketch-field .vc-input__input {
                font-size: 16px;
                height: 30px;
                width: 80%;
                text-align: center;
              }

              .vc-sketch-field .vc-input__label {
                font-size: 16px;
              }
            }

            .form-insides {
              .form-insides-span {
                font-size: 20px;
                margin-left: 10px;
              }

              .form-color {
                margin-left: 10px;
                top: 5px;
              }
            }
          }
        }
      }

      .el-collapse-item__content {
        padding-bottom: 0;
      }
    }
  }

  //图表
  .plan-popup-chart {
    position: absolute;
    cursor: move;
    user-select: none;
    z-index: 3 !important;

    &:hover {
      .resizeShape {
        display: block;
      }
    }

    .resizeShape {
      position: absolute;
      display: none;
      bottom: -5px;
      right: 0;
      z-index: 9999999999 !important;
      //background-color: #000;
      cursor: nwse-resize;

      i {
        color: #ffffff;
        width: 30px;
        height: 30px;
        font-size: 40px;
      }
    }


  }

  //形状
  .plan-popup-shape {
    position: absolute;
    cursor: move;
    user-select: none;
    z-index: 2 !important;

    .resizeShape {
      position: absolute;
      display: none;
      bottom: -5px;
      right: 0;
      //background-color: #000;
      cursor: nwse-resize;

      i {
        color: #ffffff;
        width: 30px;
        height: 30px;
        font-size: 40px;
      }
    }

    .resizeShape2 {
      position: absolute;
      display: none;
      bottom: -5px;
      right: calc(50% - 20px);
      z-index: 9999999999 !important;
      //background-color: #000;
      cursor: nwse-resize;

      i {
        color: #ffffff;
        width: 30px;
        height: 30px;
        font-size: 40px;
      }
    }
  }

  .plan-popup-shape:hover {
    .resizeShape {
      display: block;
    }

    .resizeShape2 {
      display: block;
    }
  }

  .plan-popup-addData {
    position: absolute;
    top: 35%;
    right: 380px;
    display: flow;
    z-index: 4;
    width: 170px;
    height: 190px;
    background-color: #e1f3d9;
    color: #333333;
    border: 1px solid #a3f384;
    border-radius: 5px;
    padding: 15px;

    .addData {
      display: flex;
      margin-left: 10px;
      margin-top: 20px;

      .el-input__inner {
        background-color: rgb(204, 245, 187);
        margin-left: 10px;
        width: 120px;
        font-size: 16px;
        text-align: center;
      }
    }

    //下拉框
    .dropdown-data {
      border: 1px solid #ccc;
      border-radius: 5px;

      span {
        font-size: 16px;
        color: #000;
      }
    }

    .el-dropdown {
      //line-height:36px;
      margin-top: 15px;
      margin-left: 30px;
      color: #FFFFFF;
      font-size: 16px;
      width: 100px;
      text-align: center;
    }

    .el-button {
      background-color: rgb(204, 245, 187);
      margin-top: 15px;
      margin-left: 15px;
      font-size: 14px;
    }
  }

  .plan-popup-delData {
    position: absolute;
    top: 55%;
    right: 380px;
    display: flow;
    z-index: 4;
    width: 170px;
    height: 190px;
    background-color: #f3d9d9;
    color: #333333;
    border: 1px solid #f38484;
    border-radius: 5px;
    padding: 15px;

    .delData-box {
      height: 160px;
      overflow: auto;

      .delData {
        margin-left: 20px;
        width: 130px;
        height: 24px;
        margin-top: 5px;
        border: 1px solid #f38484;
        border-radius: 5px;
        background-color: #f5c3c3;

      }
    }

    .el-button {
      background-color: rgb(245, 187, 187);
      margin-top: 5px;
      margin-left: 15px;
      font-size: 14px;
    }

    .delete:hover {
      color: #e13b3b;
      border-color: #efa7a7;
      background-color: rgba(248, 192, 192, 0.63);
    }
  }

  //文本框样式
  .plan-popup-label {
    padding: 0 10px 10px 10px;
    border-radius: 10px;
    position: absolute;
    border: 2px dashed #000;
    z-index: 4;

    .resizeText {
      position: absolute;
      display: none;
      bottom: -5px;
      right: 0;
      //background-color: #000;
      cursor: nwse-resize;

      i {
        color: #8c8c8c;
        width: 30px;
        height: 30px;
        font-size: 40px;
      }
    }

    .plan-popup-link-none {
      //text-indent: 2em;
      //word-wrap: break-word;
      //word-break: break-all;
    }

    .plan-popup-link {
      text-indent: 2em;
      word-wrap: break-word;
      word-break: break-all;

      a {
        display: unset;
      }

      span {
        vertical-align: middle;
      }

      .plan-popup-link-first {
        text-indent: 2em;
        word-wrap: break-word;
        word-break: break-all;
      }
    }

    .plan-popup-close {
      color: #000;
      text-align: right;
      line-height: 20px;

      span {
        cursor: pointer;
      }
    }

    &.current {
      border: 2px dashed #02f2ff;
    }
  }

  .plan-popup-label:hover {
    .resizeText {
      display: block;
    }
  }
}

//页面管理-页面文字-文本框下拉字体
.el-dropdown-menu--mini .el-dropdown-menu__item {
  line-height: 24px;
  padding: 2px 10px;
  font-size: 15px;
}


/* WebKit浏览器 */
::-webkit-scrollbar {
  width: 0;
  /* 滚动条宽度 */
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* 背景颜色 */
}

/* 滚动条上下按钮 */
::-webkit-scrollbar-button {
  background: #ccc;
}

/* 滑块 */
::-webkit-scrollbar-thumb {
  background: #888;
  /* 滑块颜色 */
  border-radius: 2px;
  /* 滑块圆角 */
}

/* 当鼠标悬停在滚动条上时 */
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}


// 图片hover
.plan-popup-img {
  .resizeImg {
    z-index: 3;
    position: absolute;
    display: none;
    bottom: -5px;
    right: 0;
    //background-color: #000;
    cursor: nwse-resize;

    i {
      color: #ffffff;
      width: 30px;
      height: 30px;
      font-size: 40px;
    }
  }
}

.plan-popup-img:hover {
  .resizeImg {
    display: block;
  }
}


/*
time 2
weather 2

chart 3
label 3

addData 4
delData 4
left 4
right 4

addTitle 5
savePlan 5
*/